<template>
	<view class="">
		<!-- <view class="tool-bar">
		<HeadNavs :title="'啵啵砍树'"></HeadNavs>
	</view> -->
		<web-view ref="webview" :src="toUrl"></web-view>
	</view>
</template>
<script>
export default {
	data() {
		return {
			toUrl: '',
			token: ''
		};
	},
	onShow() {
		this.sendMessageToH5();
	},
	onLoad(option) {
		this.toUrl = option.url + '?version=' + option.version;

		// this.toUrl =
		// 	option.url +
		// 	'?token=' +
		// 	option.token +
		// 	'&avatarImg=' +
		// 	option.avatarImg +
		// 	'&nickName=' +
		// 	option.nickName +
		// 	'&sandKeys=' +
		// 	option.sandKeys +
		// 	'&sandTimes=' +
		// 	option.sandTimes +
		// 	'&treeLv=' +
		// 	option.treeLv +
		// 	'&version=' +
		// 	option.version;

		// // #ifdef APP-PLUS
		// let height = 770; //定义动态的高度变量
		// let statusbar = 80; // 动态状态栏高度
		// // uni.getSystemInfo({ // 获取当前设备的具体信息
		// // 	success: (sysinfo) => {
		// // 		statusbar = sysinfo.statusBarHeight;
		// // 		height = sysinfo.windowHeight;
		// // 	}
		// // });
		// let currentWebview = this.$scope.$getAppWebview(); //获取当前web-view
		// setTimeout(function () {
		// 	var wv = currentWebview.children()[0];
		// 	wv.setStyle({
		// 		//设置web-view距离顶部的距离以及自己的高度，单位为px
		// 		top: statusbar, //此处是距离顶部的高度，应该是你页面的头部
		// 		height: height //webview的高度
		// 	});
		// }, 200); //如页面初始化调用需要写延迟

		// // #endif
	},
	created() {
		// console.log(this.token, 'token');
	},
	mounted() {
		// window.addEventListener('message');
	},
	methods: {
		sendMessageToH5() {
			let breedHouseInfo = uni.getStorageSync('breedHouseInfo');
			console.log(breedHouseInfo, '64654654');
			uni.removeStorageSync('breedHouseInfo');
			const self = this;
			let currentWebview = this.$scope.$getAppWebview();
			let wv = currentWebview.children()[0];
			self.wv = wv;
			plus.runtime.getProperty(plus.runtime.appid, function () {
				self.wv.evalJS("getAppMessage('" + breedHouseInfo + "')");
			});
		},
		// message(e){
		// 	console.log(e,'eeee');
		// },
		handleGoBack() {
			uni.switchTab({
				url: '/pages/work/duck'
			});
		}
	}
};
</script>

<style lang="scss" scoped>
.tool-bar {
	position: fixed;
	top: 50rpx;
	right: 100;
	z-index: 9999;
}
</style>
